<html>
  <head>
    <script type="text/javascript" src="../svgcanvas.js"></script>
    <script type="text/javascript">
      function draw() {
        var svg = new SVG('wasao', 500, 375);
        var deviation = 10;
        var eff = svg.defs().filter('blur').feGaussianBlur({
          stdDeviation: deviation
        });
        var img = svg.image(500, 375, 'wasao.jpg', {
          style: 'filter: url(#blur)'
        });
        var tim = setInterval(function() {
          if(deviation >= 0.3) {
            eff.setAttribute('stdDeviation', deviation-=0.3);
          } else {
            clearInterval(tim);
          }
        }, 1000 / 60);
      }
    </script>
  </head>
  <body onload="draw()">
    <div id="wasao"></div>
    <div id="cc" style="font-size: small;">
      This picure is licensed under a
      <a href="http://creativecommons.org/licenses/by/2.0/jp/">
        Creative Commons License
      </a>.
    </div>
  </body>
</html>
